<template>
    <div class="content">
        <div class="text"></div>
        <div class="bg"></div>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.content {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-color: #050507;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../assets/Download/FirstScreen_bg_normal.0684c6f3609415e51c41e6d495d96b12.png);
    display: flex;
    // align-content: center;
    justify-content: center;
    flex-direction: column;

    .text {
        margin: 0 auto;
        width: 503.75px;
        background-size: cover;
        background-repeat: no-repeat;
        height: 82px;
        background-image: url(../assets/Download/2.png);
        // margin-top: 50px;
    }

    .bg {
        margin: 60px auto;
        width: 600px;
        background-size: cover;
        background-repeat: no-repeat;
        height: 350px;
        background-image: url(../assets/Download/3.png);
    }
}
</style>